/*  
Author:wei
Time:2015.2.9
*/
/*基本*/
*{ margin:0; padding:0}
body{font-family:'SimHei' ; font-size:14px  ; color:#1c1c1c  ; margin:0; padding:0; }
ul{ margin:0; padding:0}
li{ margin:0; padding:0; list-style-type:none}
a:link{ display:block;font-family:'SimHei'; color:#000000; cursor:pointer; text-decoration:none;}
a:visited {text-decoration:none;color:#000000;}
a:hover{ text-decoration:none;color:#000000;}
h4{ font-size:14px;}
h3{ color:#006633;}
p{ color:#666666; font-size:14px; }
img{ width: 100%}

/*top*/

.top{ position:relative; height:75px; background: rgba(255,255,255,0.6); z-index:999}
.logo{width:174px; height:73px;float:left; margin-top:2PX}

.nav_top{ width:71%; height:75px; padding-top:20px;float:right; margin-left:4%; }
.phone_nav{ display:none}
.nav_top ul{ width:100%; margin:0 auto;}
.nav_top ul li{ width:16%; float:left;}
.nav_top a{ font-size:18px ; width:100%; height:40px; float:left; text-align:center; color:#232428; }
.nav_top a:hover,.cur a{color:#75a224;}

.curBg {color:#75a224; border-bottom:4px solid #75a224;height:3px;position:absolute;bottom:0;width:68px;left:0px;}
.add{ margin-bottom:5%;position:relative; top:-75px}
.add_img{ width:100%;margin-top:-1px;  height:650px; overflow:hidden}
/*search*/
.search_li{ width:46%; margin:-280px auto 0;color:#666666; }
.estate_li{ position:relative; height:130px; margin-top:5%; background:rgba(225,225,225,0.8);border-radius: 5px;}
.estate_li .estate_title{ text-align:center; font-size:20px; padding-top:10px}
.estate_select_4{border-bottom-right-radius:5px;  
        border-top-right-radius:5px;
}
.estate_select_1{border-bottom-left-radius:5px;  
        border-top-left-radius:5px;
		margin-left:6%;
}

.estate_select{ position:relative;  width:22%; height:45px; float:left; background:#fff; z-index:9;margin-top: 20px; cursor:pointer}
.new_property .estate_select,.new_property .estate_select ul{ float:none;  border:1px solid #CDCBCC; z-index:8; margin-bottom:5%;border-radius: 5px;}
.new_property .estate_select .select_title{ border-right:none; height:100%}
.select_title{ width:100%; margin:0; text-align:center; border-right:1px solid #CDCBCC;}
.estate_select_4 .select_title{ border-right:none}
.estate_select li{ width:100%; text-align:center;line-height:30px; border-bottom:1px solid #EAEAEA}
.estate_select p{ font-size:18px; color:#1c1c1c; height:100%}
.estate_select ul{ width:100%; display:none; background:#fff; position:absolute; z-index:99; font-size:18px}
.estate_select li:hover,.rantal_select li:hover{ background:#FF6633; color:#fff}
/*products*/
.products,.favorite_projects{ background:#F1F1F1;padding-bottom:40px}
.products_top{ border-bottom:1px solid #C1C1C1 ; clear:both; margin-bottom:20px }
.top_title{ width:150px; padding:5px 10px; background:#fff; margin:0 auto; font-size:18px}
.products_top_content{ width:100px; float:right}
.top_line{ width:1px; height:20px; border:1px solid #C1C1C1; margin:10px auto;}
.products_top a{ float:right; font-size:14px; margin-top:-25px;}
.products_btn{ width:140px; height:40px; margin:40px auto; float:left; background:#ff8041;border-radius: 5px;}

/*news*/
.news{ padding:20px inherit;}
.news .col-md-4{ text-align:center; padding-top:5%}
.news p{ line-height:30px; font-size:18px; color:#333333; text-align:left; }
.news h3{ text-align:left}
.news .col-lef{ left:-13%; top:40%; background:none; width:inherit}
.news .col-rig{ right:-13%;top:40%; background:none; width:inherit }

.news .pp_previous,.news .pp_next{ color:#000;position:static; }
.news .pp_previous:hover,.news .pp_next:hover{ color:#FC5803; }

.favorite_projects h4{ text-align:center; font-size:16px; font-weight:600}
.favorite_projects .top_title{ width:223px}
.favorite_projects_img{ margin-bottom:20px}
.searvice_content{ overflow:hidden; margin:20px auto; border:1px solid #CECECE;}
.searvice .col-md-12{ height:40px; font-size:16px; color:#fff; padding-top:10px; background:#006a4d}
.searvice .col-md-4{ padding:0}
.searvice .searvice_title_content{ margin:20px 0; font-size:16px}
.searvice p{ margin:20px 0; line-height:25px}
.searvice .products_btn{ float:right; margin:0 0 15px 0 }
/*searvice*/
.searvice_right_img{  margin:16px auto 0}
.searvice_right_content{ margin:16px auto 0;}
.searvice_right_content ul{ margin-left:18px}
.searvice li{  list-style-type:inherit; color:#666666; font-size:14px; line-height:27px}
.searvice_right_content a{display:block; margin: 10px auto;
padding-bottom: 5px;
color: #1c1c1c;
font-size: 18px;
border-bottom: 1px solid #E7E7E7;size:18px}
.searvice .page{ text-align:right; background:none}
/*其他*/
.page{   margin:0 0 35px 0; text-align:center}
.page a{ padding:5px 10px;  border:#B2B2B2 1px solid; display:inline;}
.page a:hover{ background-color:#C4D4F6;}
.col-md-news .page a{color:#fff;background: rgba(44,48,56,0.8); border:none }
.col-md-news .page a:hover{ background:#fff; color:#000}
.pp_content{ height:inherit !important;}
.pp_gallery,.pp_details{ display:none !important;}
.pp_close{font-size: 40px;
position:fixed;
 z-index: 9999999999999999; 
right: 1%;
top: 1%;
 color:#ffffff;cursor:pointer
}
/*#picture_top,#information_top{ margin-top:100px; padding-top:100px }*/
.pp_none{  background:none !important}
.pp_previous{font-size: 40px;
position:fixed; 
left: 1%;
top: 50%;
 color:#ffffff; cursor:pointer}
.pp_next{font-size: 40px;
position:fixed;
 
right: 1%;
top: 50%;
 color:#ffffff;cursor:pointer;}
.cur a{ color: #75a224}
.pp_details .pp_close{ display:none}
.pp_close:hover,.pp_previous:hover,.pp_next:hover{ color:rgba(8,8,8,1)}
.new_property_title a{ float:left}
.col-title-icon{ color:#E55503; font-size:14px; padding:0 5px; margin:10px;border-radius: 5px;background:rgba(250,217,195,0.8);}
.col-title-icon:hover{ color: #E55503;}
/*footer*/
.footer{ width:100%; background:url(../images/11.jpg) no-repeat; background-size:100% 400%; position:relative; color:#fff; z-index:9; clear:both}
/*.footer_background{ position:absolute; top: 0; left:0; width:100%; height:220px; }*/
.footer_top{ padding-top:30px}
.footer_content{ background: rgba(45,46,46,0.8);}
.footer_line{ width:46%; float:left; border:#FFF 1px solid;}
.footer_top_title{ width:8%; float:left; height:30px; text-align:center; margin-top:-16px; font-size:24px }
.footer_bottom{ width:80%; margin:40px auto 0;overflow:hidden}
.footer_bottom_title{ width:60px; float:left; height:30px; text-align:center; padding-top:25px; font-size:16px }
.footer_bottom_content{ width:22%; height:70px; float:left; margin:0px 0 0 11.1%;  }
.copynight{ width:100%; margin:20px auto 0; padding-top:5px; border-top:1px solid #5A5959; white-space:nowrap; letter-spacing:-1px; font-size:12px;text-align:center; padding-bottom:10px; overflow:hidden}
.footer_ico:hover{ -webkit-transform:rotateY(360deg);transition:2s;-moz-transition:2s; /* Firefox 4 */
-webkit-transition:2s; /* Safari and Chrome */-o-transition:2s; /* Opera */}
/*new_Property*/
.new_property .row{ padding-bottom: 30px;
border-bottom: 1px solid #C6C6C6;
margin-bottom: 30px;
}
.new_property_add{ width:100%; height:500px; overflow:hidden}
.col-new-add{ margin-bottom:5%; position:relative; top:-75px}
.new_property_title{ height:50px;color:#000; font-size:24px; }
.new_property_btn .btn{ width:17%; margin-right:2%; color:#fff; float:left; }
.new_property_btn{ height:50px; clear:both}
.price{height:50px; color:#A90605; font-size:30px; float:left;}
.price_title{ float:left; margin-top:12px}
.price_right{margin:15px 0 0 10px; width:100px; height:30px; float:left;}
.price_bottom{height:50px; margin-top:10px; clear:both;}
.new_img,.new_img1{height:240px; overflow: hidden;}
.col-new-add .estate_li{ margin-top:-140px}


.active_page{
	border:#D67972 1px solid !important; 
}

/*details_property*/
.details_search .search_li{ width:36%; margin:2% auto 10%}
.slide-btn{ background:none !important; font-size:100px; color:#ffffff !important; top:22% !important} 
.details_property_bottom{ height:30px; background-color:#4F4E4C;}
.details_property_bottom div{ width:20%; float:left; border-right:#454442 1px solid; text-align:center; padding-top:6px; height:24px; }
.details_property_bottom div a{ color:#FFF ; font-size:13px}
.details_property .right_font_content{ margin-bottom:10px;color:#8A8A8A; font-size:14px; line-height:25px; clear:both}
.details_property .price_bottom{ float:left}
.details_property .price_btn{ margin:7% 0 0 7%}
.call_ico{ width:50px; height:50px; padding:14px; float:left;border-radius: 50%; background:#D40211}
.call_num{ float:left; margin: 10px 0 0 5%; color:#272727; font-size:24px;}

.details_property .information_li{ height:80px; padding-top:40px;border-bottom:#C1C1C1 1px solid}
.details_property .information{ font-size:20px;}
.information_title{ height:40px;border-bottom:#C1C1C1 1px solid; padding-top:12px}
.information_content{ padding:10px 0 30px 15px; line-height:27px}

.col-img-title{ padding:10px; border-bottom:#C1C1C1 1px solid; margin-bottom:20px}
.col-img-li .col-md-4{ margin-bottom:15px}

#map{ background:url(../images/map.png) no-repeat; height:80px; position:relative; margin-bottom:50px;background-size:100%}
.map_copy{ position:absolute; top:0; left:0; width:100%; height:80px; background-color:#000; opacity:0.8;filter:alpha(opacity=80);}
.map_forn{ position:absolute; top:35%; left:40%;}
.map_forn a{ color:#FFF ; font-size:18px;}
.details_property_bottom a:hover,.information_li a:hover,.map_forn a:hover,.col-mw,.details_property_bottom div .col-mw,.products_top a{ color:#E55503}
.col-img-li .col_img{ padding:0 ; margin-bottom:6%}

/*rantal*/
.rantal{ color:#7F7F7F; font-size:16px}
.rantal .btn_li{ height:50px; margin-top:10%; margin-bottom:10%;border-radius: 5px; border:#FF8041 1px solid;}
.rantal .col-md-6 a{ height:50px;border-radius: 5px;  text-align:center; padding-top:15px;}
.rantal .rent_btn{ background-color:#FF8041;color:#FFF ;}
.rantal .sell_btn{ color:#FF8041 ;}
.sell .sell_btn{ background-color:#FF8041;color:#FFF ;}
.sell .rent_btn{ background:none;color:#FF8041;}


.rantal_select{ position:relative; width:50%; height:35px; float:left; border:1px solid #7F7F7F; cursor:pointer; margin-top:-7px}
.rantal_select li{ text-align:center;border-bottom: 1px solid #EAEAEA;}
.rantal_select .select_title{ border:none; height:100%}
.rantal_select ul{ position:absolute; background:#fff; z-index:99;border: 1px solid #7F7F7F;  width:100%; display:none}
.rantal .col_name label{ width:100%}
.col-fz{ margin-left:40px}
.house{ width:26%; float:left}
.rantal_price .rantal_select{ width:100px;}
.rantal .house label{ width:40%; text-align:center}
.rantal_select .search_ico{ border-left:1px solid #7F7F7F; margin-left:8px; height:100%; padding-top:7px; padding-left: 10px}
.house .search_ico{border-left:1px solid #7F7F7F; padding-left:7px; margin-left:7px; height:100%; padding-top:7px}
.place input{ width:70%; height:30px; border:1px solid #C9C9C9}
.rantal .col-lease label{ width:inherit; padding:0 10px; margin-right:10px} 
.rantal .col-lease input{ float:left;border: 1px solid #C9C9C9;}
.rantal .rantal_price .price_label{ text-align:center}
.description textarea{ width:70%; height:100px; margin-bottom:40px}
.upload a{ width:100px; float:left; height:40px; margin-left:30px; background-color:#FF8041;border-radius: 5px; font-size:14px; color:#FFF ; text-align:center;padding-top:10px; }
.file_li{ width:140px; float:left; margin-left:1%}

.upload .file_1{ width:100px; height:40px; margin:-40px 0 0 30px;float:left;opacity:0;filter:alpha(opacity=0);}
.file_li .txt{word-wrap: break-word;  word-break: normal; }
.rantal .col-contact label{ width:60px}
.col-md-12.col-contact{ clear:both;}
.col-contact input{ float:left; border: 1px solid #C9C9C9;}

.rantal .col_name label{ margin:40px 0 25px 0; text-align:left}
.col-contact .rantal_address{ width:61%}
.confirmation a{ width:300px; height:50px; background-color:#FF8041;border-radius: 5px; margin:0 auto;color:#FFF ; text-align:center;padding-top:12px; margin-bottom:10%; }
.clear{ clear:both }
/*news*/
.col-md-news{ background:url(../images/news.jpg) no-repeat;background-size:100% 120%; position:relative; top:-75px}
.col-md-news .col-contact-bg{ margin-top:16%; margin-bottom:3%; height:auto; overflow:hidden; padding:10px 0}
.col-md-news ul li{ list-style-type:disc; font-size:18px; line-height:35px; color:#fff;cursor:pointer; margin-left:20px}
.col-md-news span{ text-align:right;font-size:18px; line-height:35px;color:#fff;}
.col-md-news .active_page{background: rgba(44,48,56,0.8); border:none !important; color:#fff}
.col-md-news .previous_link,.col-md-news .next_link{background: rgba(44,48,56,0.8); border:none !important; color:#fff}
/*.information .active{ border:1px solid red}*/
/*regulations*/
.col-md-regulations{ color:#fff; line-height:30px; font-size:18px; background:url(../images/re.jpg) no-repeat;background-size:100% 120%; position:relative; top:-75px}
.col-md-regulations .col_regu_cont{ padding-top:10%;position: relative;z-index: 8;}
.col-md-regulations .col_regu_cont div{background: rgba(44,48,56,0.8); padding:5%}
.col-md-regulations .col_regu_cont h3{ text-align:center; color:#fff; font-size:35px}
.col-md-regulations .col_regu_cont span{ display:block; margin-bottom:3%; text-align:center}
.col-md-regulations .contact_footer{ margin-top:5%}

/*news_li*/
.col-md-news_li,.col-md-news_li h3{ color:#fff;}
.col-news-md span{ margin-right:20px}
.col-news-md,.col-md-news_li h3{ text-align:center;}
.col-news-cont{ font-size:18px; line-height:35px; margin-top:20px;text-indent: 2em;}
/*contact*/
.contact{ width:100%}
.contact .container{ margin-top:5%; color:#fff}
.contact_title{  font-size:36px; color:#000;text-align:center; margin-top:70px }
.col-contact-bg{ background:rgba(44,48,56,0.8); padding-top:5%; padding-bottom:2%; margin-top:5%;}
.col-md-left p{ text-indent: 2em; line-height:30px;letter-spacing:2px; color:#fff; font-size:18px}
.col-md-left{ border:#FFF 1px solid; padding:15px; overflow:hidden; margin-bottom:5%}
.col-title{padding:30px 0 30px 0px; font-size:18px; clear:both ;}
.contact_right_font{ width:246px; height:30px;  float:left; padding:6px 0 0 10px; margin-bottom:12px}
.contact_right_font a{ color:#FFF }
.contact{ overflow:hidden; position:relative; top:-75px; margin-bottom:10px; font-size:18px; background:url(../images/contact.jpg) no-repeat;background-size:cover;}
.contact_img{ height:700px}
.contact_footer{ color:#FFF; position:relative; z-index:9}

.message_content{ width:100%;background: rgba(44,48,56,0.8); padding:10px 0; margin:5% 0 0px; position:relative; z-index:9}
.message_content .message_input{ display: block; width: 50%; margin: 10px auto;  padding:0 0 0 5px; height: 35px; background: rgba(255,255,255,0.1); font-size: 16px; color: #fff; border:1px #FFF solid}
.message_content .message_text_area{display: block; width: 50%; height: 130px; font-size:16px; background: rgba(255,255,255,0.1); border:1px #FFF solid; margin: 10px auto; color:#fff ;padding: 5px 0 0 5px;}
.col_message_button{ width:50%; height:45px; margin:10px auto;}
.message_content .message_button{ display: block; float:right; width: 178px;height: 45px;background: rgba(255,128,51,0.9); font-size: 16px;color: #FFF; }

.col-bg,.col-bg a{ width:100%; height:100%; background:rgba(44,48,56,0.1); position:fixed}

/*hover_img*/ 
.col_img{ position:relative;height: 165px;overflow: hidden;}
.hover_img{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(223,122,67,0.6); display:none}
.img_ico{ font-size:40px; color:#fff; margin:27% 0 0 43%; cursor:pointer}
.hover_img h4{ margin-top:10%; font-size:16px; color:#fff; text-align:center}
/*ico*/
.estate_select .search_ico{padding-top:13px}
.search_ico{ font-size:18px; margin-left:30px; padding-left:10px; }

.products_top_ico{ width:49px; height:30px; background:url(../images/icon.png) no-repeat -52px -1px; float:left;}

.footer_ico{ width:70px; height:70px; background:url(../images/icon.png) no-repeat -10px -70px; float:left; cursor:pointer; position:relative}
.footer_ico2{ width:70px; height:70px; background:url(../images/icon.png) no-repeat -100px -70px; float:left;cursor:pointer; position:relative}
.footer_ico3{ width:70px; height:70px; background:url(../images/icon.png) no-repeat -190px -70px; float:left;cursor:pointer; position:relative}
.go_top i{ color:#ff8041; font-size:30px; position:fixed; bottom:30px; right:30px; z-index:99; display:none}

.call_ico .fa-phone{ font-size:30px; color:#fff}

.phone_num_ico{background:url(../images/icon.png) no-repeat -6px -140px; width:30px; height:30px; float:left; }
.mail_ico{background:url(../images/icon.png) no-repeat 0px -180px; width:30px; height:30px; float:left;}
.adre_ico{background:url(../images/icon.png) no-repeat -1px -210px; width:30px; height:30px; float:left;}
.inter_ico{background:url(../images/icon.png) no-repeat 0px -250px; width:30px; height:30px; float:left;}
/*表單*/
input{ border:none}
.search_li input{ position:relative; width:73%; height:40px; font-size:16px; float:left;border-radius: 0px;  border-top-left-radius:5px;border-bottom-left-radius:5px;}
.search_li button{ width:27%; height:40px;color:#fff; font-size:16px; background:#FF6633;border-radius: 0px;border-bottom-right-radius:5px;                                      border-top-right-radius:5px; border:none  
}
.search_li button:hover{ background:#F26231; color:#fff;}
.products_btn input{ width:100%; height:40px; background:#ff8041; color:#fff; font-size:16px; border:none;border-radius: 5px;}
.products input:hover{ background:#DB6F36}
.searvice .products_btn input{background:#e8437e}
.products_btn input:hover{ background:#FA5503}
.searvice .products_btn input:hover{ background:#E50352}


.rantal label{ display:block; width:100px; padding-right:10px; text-align:right; float:left; margin-bottom:40px }
/*new_property 表單*/
.btn-1{ background-color:#FEB2BA}
.btn-2{ background-color:#FF828A}
.btn-3{ background-color:#87AAE2}
.btn-4{ background-color:#66A3FE}

.btn-1:hover{ background-color:#E09DA5}
.btn-2:hover{ background-color:#AD585D}
.btn-3:hover{ background-color:#526789}
.btn-4:hover{ background-color:#2C4B79}
.price_btn{ background-color:#FAD9C6; color:#E55503; border-bottom-right-radius:30px ;  border-top-right-radius:30px; width:150px; height:40px; 
           font-weight:600; font-size:14px;}
		   
@media screen and (max-width: 1100px){.search_li,.details_search .search_li{ width:60%}.news .col-lef{ left:0%;}
.news .col-rig{ right:0%;}}		   
@media screen and (max-width: 768px){

	.phone_nav{ width:100%; height:46px; display:block; text-align:center; }
	.nav_top{ position:absolute; right:0; z-index:99; width:115px;  background: #FF8041; color:#fff}
	.nav_top ul{ width:100%; overflow:hidden; display:none; background: #FF8041; color:#fff}
	.nav_top ul li{ width:100%; border-bottom:1px solid #FA9D6F}
	.nav_top a{ width:100%; float:none; color:#fff; padding-top:10px}
	.add_img,.new_property_add{ height:auto; overflow:auto}
.search_li{ width:95%;}
	.details_search .search_li{ width:95%; margin-top:12%}
	.search_li{ margin:-202px auto 0}
	.estate_select{ margin-top:34px; white-space:nowrap}
	.col-md-news .col-md-left,.col-md-regulations .col_regu_cont div{ margin-top:30%}
	.new_property_btn .btn{ width:23%}
     .footer_line{ width:40%;}
     .footer_top_title{ width:20%;font-size:13px; margin-top:-9px  }
	 .footer_bottom,.copynight{ width:100%}
	.details_property .price_btn{ margin:0 0 7% 0; width:100%}
	.rantal_select{  width:60%;}
	.rantal label{ width:initial; padding-right:2px}
	.search_ico{ margin-left:0px; padding:0}
	.rantal .col-lease label{ padding:0 6px}
	.col-new-add .estate_li{ margin-top:90px}
    .phone_clear{ clear:both; float:none}
	.estate_select p,.estate_select ul{font-size:14px}
	.curBg{ display:none}
	.pp_pic_holder{ width:90% !important; height:250px !important; position:fixed !important; top:15% !important; left:5% !important;}
	
		.pp_content_container,.pp_content_container .pp_left,.pp_content_container .pp_right,.pp_content,.pp_fade,#pp_full_res{ width:100% !important; height:100% !important}
	#pp_full_res img{ width:100% !important; height:100% !important}
	.pp_previous,.pp_next{ top:37% !important; }
.message_content .message_input,.message_content .message_text_area,.col_message_button{ width:85%}
	}
	@media screen and (max-width: 650px){	.search_li{  margin:-100px auto 0}}
		@media screen and (max-width: 410px){.file_2{ margin-left:84px}.details_property .information{ font-size:16px}}
	@media screen and (max-width: 370px){
		.search_li{  margin:-56px auto 0}
	.btn{ padding:0}
	.upload a{ margin-left:4px}
	
	}